@import '@style/theme/';

@btn-font-weight: @font-weight-400;

@btn-border-width: @border-1;

/** size **/
@btn-size-mini-height: 24px;
@btn-size-small-height: 28px;
@btn-size-medium-height: 32px;
@btn-size-large-height: 36px;

@btn-size-mini-padding-horizontal: 12px;
@btn-size-small-padding-horizontal: 16px;
@btn-size-medium-padding-horizontal: 16px;
@btn-size-large-padding-horizontal: 20px;

@btn-size-mini-font-size: 12px;
@btn-size-small-font-size: 14px;
@btn-size-medium-font-size: 14px;
@btn-size-large-font-size: 14px;

@btn-border-radius: @border-radius-small;


/** outline样式 **/
// 基础
@btn-outline-color-text: @var-primary-6;
@btn-outline-color-bg: @var-transparent;
@btn-outline-color-border: @var-primary-6;
@btn-outline-border-style: @border-solid;

@btn-outline-hover-color-text: @var-primary-5;
@btn-outline-hover-color-border: @var-primary-5;
@btn-outline-hover-color-bg: @var-transparent;

@btn-outline-active-color-text: @var-primary-7;
@btn-outline-active-color-border: @var-primary-7;
@btn-outline-active-color-bg: @var-transparent;

@btn-outline-disabled-color-text: @var-primary-4;
@btn-outline-disabled-color-border: @var-primary-4;
@btn-outline-disabled-color-bg: @var-transparent;

// success
@btn-outline-color-text_success: @var-success-6;
@btn-outline-color-bg_success: @var-transparent;
@btn-outline-color-border_success: @var-success-6;

@btn-outline-hover-color-text_success: @var-success-5;
@btn-outline-hover-color-border_success: @var-success-5;
@btn-outline-hover-color-bg_success: @var-transparent;

@btn-outline-active-color-text_success: @var-success-7;
@btn-outline-active-color-border_success: @var-success-7;
@btn-outline-active-color-bg_success: @var-transparent;

@btn-outline-disabled-color-text_success: @var-success-2;
@btn-outline-disabled-color-border_success: @var-success-2;
@btn-outline-disabled-color-bg_success: @var-transparent;

// warning
@btn-outline-color-text_warning: @var-warning-6;
@btn-outline-color-bg_warning: @var-transparent;
@btn-outline-color-border_warning: @var-warning-6;

@btn-outline-hover-color-text_warning: @var-warning-5;
@btn-outline-hover-color-border_warning: @var-warning-5;
@btn-outline-hover-color-bg_warning: @var-transparent;

@btn-outline-active-color-text_warning: @var-warning-7;
@btn-outline-active-color-border_warning: @var-warning-7;
@btn-outline-active-color-bg_warning: @var-transparent;

@btn-outline-disabled-color-text_warning: @var-warning-2;
@btn-outline-disabled-color-border_warning: @var-warning-2;
@btn-outline-disabled-color-bg_warning: @var-transparent;

// danger
@btn-outline-color-text_danger: @var-danger-6;
@btn-outline-color-bg_danger: @var-transparent;
@btn-outline-color-border_danger: @var-danger-6;

@btn-outline-hover-color-text_danger: @var-danger-5;
@btn-outline-hover-color-border_danger: @var-danger-5;
@btn-outline-hover-color-bg_danger: @var-transparent;

@btn-outline-active-color-text_danger: @var-danger-7;
@btn-outline-active-color-border_danger: @var-danger-7;
@btn-outline-active-color-bg_danger: @var-transparent;

@btn-outline-disabled-color-text_danger: @var-danger-2;
@btn-outline-disabled-color-border_danger: @var-danger-2;
@btn-outline-disabled-color-bg_danger: @var-transparent;



/** primary样式 **/
// 基础
@btn-primary-color-text: @var-white;
@btn-primary-color-bg: @var-primary-6;
@btn-primary-color-border: @var-primary-6;
@btn-primary-border-style: @border-solid;

@btn-primary-hover-color-text: @var-white;
@btn-primary-hover-color-border: @var-primary-5;
@btn-primary-hover-color-bg: @var-primary-5;

@btn-primary-active-color-text: @var-white;
@btn-primary-active-color-border: @var-primary-7;
@btn-primary-active-color-bg: @var-primary-7;

@btn-primary-disabled-color-text: @var-white;
@btn-primary-disabled-color-border: @var-primary-4;
@btn-primary-disabled-color-bg: @var-primary-4;

// success
@btn-primary-color-text_success: @var-white;
@btn-primary-color-bg_success: @var-success-6;
@btn-primary-color-border_success: @var-success-6;

@btn-primary-hover-color-text_success: @var-white;
@btn-primary-hover-color-border_success: @var-success-5;
@btn-primary-hover-color-bg_success: @var-success-5;

@btn-primary-active-color-text_success: @var-white;
@btn-primary-active-color-border_success: @var-success-7;
@btn-primary-active-color-bg_success: @var-success-7;

@btn-primary-disabled-color-text_success: @var-white;
@btn-primary-disabled-color-border_success: @var-success-2;
@btn-primary-disabled-color-bg_success: @var-success-2;

// warning
@btn-primary-color-text_warning: @var-white;
@btn-primary-color-bg_warning: @var-warning-6;
@btn-primary-color-border_warning: @var-warning-6;

@btn-primary-hover-color-text_warning: @var-white;
@btn-primary-hover-color-border_warning: @var-warning-5;
@btn-primary-hover-color-bg_warning: @var-warning-5;

@btn-primary-active-color-text_warning: @var-white;
@btn-primary-active-color-border_warning: @var-warning-7;
@btn-primary-active-color-bg_warning: @var-warning-7;

@btn-primary-disabled-color-text_warning: @var-white;
@btn-primary-disabled-color-border_warning: @var-warning-2;
@btn-primary-disabled-color-bg_warning: @var-warning-2;

// danger
@btn-primary-color-text_danger: @var-white;
@btn-primary-color-bg_danger: @var-danger-6;
@btn-primary-color-border_danger: @var-danger-6;

@btn-primary-hover-color-text_danger: @var-white;
@btn-primary-hover-color-border_danger: @var-danger-5;
@btn-primary-hover-color-bg_danger: @var-danger-5;

@btn-primary-active-color-text_danger: @var-white;
@btn-primary-active-color-border_danger: @var-danger-7;
@btn-primary-active-color-bg_danger: @var-danger-7;

@btn-primary-disabled-color-text_danger: @var-white;
@btn-primary-disabled-color-border_danger: @var-danger-2;
@btn-primary-disabled-color-bg_danger: @var-danger-2;

/** secondary样式 **/
// 基础
@btn-secondary-color-text: @var-color-text-2;
@btn-secondary-color-bg: @var-color-fill-2;
@btn-secondary-color-border: @var-color-fill-2;
@btn-secondary-border-style: @border-solid;

@btn-secondary-hover-color-text: @var-color-text-2;
@btn-secondary-hover-color-border: @var-color-fill-3;
@btn-secondary-hover-color-bg: @var-color-fill-3;

@btn-secondary-active-color-text: @var-color-text-2;
@btn-secondary-active-color-border: @var-color-fill-4;
@btn-secondary-active-color-bg: @var-color-fill-4;

@btn-secondary-disabled-color-text: @var-color-text-4;
@btn-secondary-disabled-color-border: @var-color-fill-1;
@btn-secondary-disabled-color-bg: @var-color-fill-1;

// success
@btn-secondary-color-text_success: @var-success-6;
@btn-secondary-color-bg_success: @var-success-1;
@btn-secondary-color-border_success: @var-success-1;

@btn-secondary-hover-color-text_success: @var-success-6;
@btn-secondary-hover-color-border_success: @var-success-2;
@btn-secondary-hover-color-bg_success: @var-success-2;

@btn-secondary-active-color-text_success: @var-success-6;
@btn-secondary-active-color-border_success: @var-success-3;
@btn-secondary-active-color-bg_success: @var-success-3;  

@btn-secondary-disabled-color-text_success: @var-success-2;
@btn-secondary-disabled-color-border_success: @var-success-1;
@btn-secondary-disabled-color-bg_success: @var-success-1;   

// warning
@btn-secondary-color-text_warning: @var-warning-6;
@btn-secondary-color-bg_warning: @var-warning-1;
@btn-secondary-color-border_warning: @var-warning-2;

@btn-secondary-hover-color-text_warning: @var-warning-6;
@btn-secondary-hover-color-border_warning: @var-warning-3;
@btn-secondary-hover-color-bg_warning: @var-warning-2;

@btn-secondary-active-color-text_warning: @var-warning-6;
@btn-secondary-active-color-border_warning: @var-warning-5;
@btn-secondary-active-color-bg_warning: @var-warning-3;  

@btn-secondary-disabled-color-text_warning: @var-warning-2;
@btn-secondary-disabled-color-border_warning: @var-warning-1;
@btn-secondary-disabled-color-bg_warning: @var-warning-1;   

// danger
@btn-secondary-color-text_danger: @var-danger-6;
@btn-secondary-color-bg_danger: @var-danger-1;
@btn-secondary-color-border_danger: @var-danger-2;

@btn-secondary-hover-color-text_danger: @var-danger-6;
@btn-secondary-hover-color-border_danger: @var-danger-3;
@btn-secondary-hover-color-bg_danger: @var-danger-2;

@btn-secondary-active-color-text_danger: @var-danger-6;
@btn-secondary-active-color-border_danger: @var-danger-5;
@btn-secondary-active-color-bg_danger: @var-danger-3;  

@btn-secondary-disabled-color-text_danger: @var-danger-2;
@btn-secondary-disabled-color-border_danger: @var-danger-1;
@btn-secondary-disabled-color-bg_danger: @var-danger-1;   



/** dashed样式 **/
// 基础
@btn-dashed-color-text: @var-color-text-2;
@btn-dashed-color-bg: @var-color-fill-2;
@btn-dashed-color-border: @var-color-border-2;
@btn-dashed-border-style: @border-dashed;

@btn-dashed-hover-color-text: @var-color-text-2;
@btn-dashed-hover-color-border: @var-color-fill-3;
@btn-dashed-hover-color-bg: @var-color-border-3;

@btn-dashed-active-color-text: @var-color-text-2;
@btn-dashed-active-color-border: @var-color-border-4;
@btn-dashed-active-color-bg: @var-color-fill-4;

@btn-dashed-disabled-color-text: @var-color-text-4;
@btn-dashed-disabled-color-border: @var-color-border-2;
@btn-dashed-disabled-color-bg: @var-color-fill-2;

// success
@btn-dashed-color-text_success: @var-success-6;
@btn-dashed-color-bg_success: @var-success-1;
@btn-dashed-color-border_success: @var-success-2;

@btn-dashed-hover-color-text_success: @var-success-6;
@btn-dashed-hover-color-border_success: @var-success-3;
@btn-dashed-hover-color-bg_success: @var-success-2;

@btn-dashed-active-color-text_success: @var-success-6;
@btn-dashed-active-color-border_success: @var-success-5;
@btn-dashed-active-color-bg_success: @var-success-3;  

@btn-dashed-disabled-color-text_success: @var-success-2;
@btn-dashed-disabled-color-border_success: @var-success-2;
@btn-dashed-disabled-color-bg_success: @var-success-1;   

// warning
@btn-dashed-color-text_warning: @var-warning-6;
@btn-dashed-color-bg_warning: @var-warning-1;
@btn-dashed-color-border_warning: @var-warning-2;

@btn-dashed-hover-color-text_warning: @var-warning-6;
@btn-dashed-hover-color-border_warning: @var-warning-3;
@btn-dashed-hover-color-bg_warning: @var-warning-2;

@btn-dashed-active-color-text_warning: @var-warning-6;
@btn-dashed-active-color-border_warning: @var-warning-5;
@btn-dashed-active-color-bg_warning: @var-warning-3;  

@btn-dashed-disabled-color-text_warning: @var-warning-2;
@btn-dashed-disabled-color-border_warning: @var-warning-2;
@btn-dashed-disabled-color-bg_warning: @var-warning-1;   

// danger
@btn-dashed-color-text_danger: @var-danger-6;
@btn-dashed-color-bg_danger: @var-danger-1;
@btn-dashed-color-border_danger: @var-danger-2;

@btn-dashed-hover-color-text_danger: @var-danger-6;
@btn-dashed-hover-color-border_danger: @var-danger-3;
@btn-dashed-hover-color-bg_danger: @var-danger-2;

@btn-dashed-active-color-text_danger: @var-danger-6;
@btn-dashed-active-color-border_danger: @var-danger-5;
@btn-dashed-active-color-bg_danger: @var-danger-3;  

@btn-dashed-disabled-color-text_danger: @var-danger-2;
@btn-dashed-disabled-color-border_danger: @var-danger-2;
@btn-dashed-disabled-color-bg_danger: @var-danger-1;   



/** text样式 **/
// 基础
@btn-text-color-text: @var-primary-6;
@btn-text-color-bg: @var-transparent;
@btn-text-color-border: @var-transparent;
@btn-text-border-style: @border-solid;

@btn-text-hover-color-text: @var-primary-6;
@btn-text-hover-color-border: @var-color-fill-2;
@btn-text-hover-color-bg: @var-color-fill-2;

@btn-text-active-color-text: @var-primary-6;
@btn-text-active-color-border: @var-color-fill-3; 
@btn-text-active-color-bg: @var-color-fill-3;

@btn-text-disabled-color-text: @var-primary-4;
@btn-text-disabled-color-border: @var-transparent;
@btn-text-disabled-color-bg: @var-transparent;


// success
@btn-text-color-text_success: @var-success-6;
@btn-text-color-bg_success: @var-transparent;
@btn-text-color-border_success: @var-transparent;

@btn-text-hover-color-text_success: @var-success-6;
@btn-text-hover-color-border_success: @var-color-fill-2;
@btn-text-hover-color-bg_success: @var-color-fill-2;

@btn-text-active-color-text_success: @var-success-6;
@btn-text-active-color-border_success: @var-color-fill-3; 
@btn-text-active-color-bg_success: @var-color-fill-3;

@btn-text-disabled-color-text_success: @var-success-2;
@btn-text-disabled-color-border_success: @var-transparent;
@btn-text-disabled-color-bg_success: @var-transparent;

// warning
@btn-text-color-text_warning: @var-warning-6;
@btn-text-color-bg_warning: @var-transparent;
@btn-text-color-border_warning: @var-transparent;

@btn-text-hover-color-text_warning: @var-warning-6;
@btn-text-hover-color-border_warning: @var-color-fill-2;
@btn-text-hover-color-bg_warning: @var-color-fill-2;

@btn-text-active-color-text_warning: @var-warning-6;
@btn-text-active-color-border_warning: @var-color-fill-3; 
@btn-text-active-color-bg_warning: @var-color-fill-3;

@btn-text-disabled-color-text_warning: @var-warning-2;
@btn-text-disabled-color-border_warning: @var-transparent;
@btn-text-disabled-color-bg_warning: @var-transparent;

// danger
@btn-text-color-text_danger: @var-danger-6;
@btn-text-color-bg_danger: @var-transparent;
@btn-text-color-border_danger: @var-transparent;

@btn-text-hover-color-text_danger: @var-danger-6;
@btn-text-hover-color-border_danger: @var-color-fill-2;
@btn-text-hover-color-bg_danger: @var-color-fill-2;

@btn-text-active-color-text_danger: @var-danger-6;
@btn-text-active-color-border_danger: @var-color-fill-3; 
@btn-text-active-color-bg_danger: @var-color-fill-3;

@btn-text-disabled-color-text_danger: @var-danger-2;
@btn-text-disabled-color-border_danger: @var-transparent;
@btn-text-disabled-color-bg_danger: @var-transparent;



